<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="/css/login.css">
    <link rel="stylesheet" href="/css/register.css">
    <link rel="stylesheet" href="/libs/iconfont/iconfont.css">
</head>

<body>
    <header></header>
    <!-- 面包屑导航 -->
    <div class="bread_crumb contain">
        <ul>
            <li><a href="/">首页</a></li>
            <li><a href="/html/register.html">新用户注册</a></li>
        </ul>
    </div>
    <div class="log_title contain">
        <h3 class="log_h3">注册</h3>
        <img src="/images/login/log_img.png" class="log_img">
    </div>
    <div class="log_detail contain">
        <div class="reg_detail_left">
            <div class="radio-group sex">
                <span>称谓</span>
                <label class="form-checkbox e-radio" value="1"><i class="icon icon-radio"></i><span>先生</span></label>
                <label class="form-checkbox e-radio" value="2"><i class="icon icon-radio"></i><span>女士</span></label>
                <p class="info"><span style="color: #de4c71">*</span>为必填</p>
            </div>


            <div class="form-group loginName">
                <label class="control-label">用户名<span>*</span></label>
                <div class="form-input">
                    <input type="text" maxlength="" placeholder="请设置您的用户名(8位以内)" id="username" value="">
                    <i class="icon icon-input-success"></i>
                    <div class="msg-block">
                        <span>请规范设置您的用户名</span>
                    </div>
                </div>
            </div>

            <div class="form-group loginPassword">
                <label class="control-label">密码<span>*</span></label>
                <div class="form-input">
                    <input type="password" maxlength="" placeholder="请设置您的密码(6-18位)" id="password" autocomplete="off" >
                    <i class="icon icon-input-success"></i>
                    <div class="msg-block">
                        <span>请规范设置您的密码</span>
                    </div>
                </div>
            </div>

            <div class="form-group tel">
                <label class="control-label">电话号码<span>*</span></label>
                <div class="form-input">
                    <input type="text" maxlength="" placeholder="请填写您的电话号码(11位)"  autocomplete="off"
                        onfocus="this.type='text'">
                    <i class="icon icon-input-success"></i>
                    <div class="msg-block">
                        <span>请核对后填写正确的电话号码</span>
                    </div>
                </div>
            </div>
            <div class="btn-box">
                <a class="btn btn-black" id="regBtn">注册</a>
            </div>
            <a href="/html/login.html" style="display:block;margin-top: 30px;color: #999;font-size: 14px;text-decoration: underline;">已有账号？去登录</a>

            
        </div>
    
        <div class="log_detail_right">
            <div class="customers_server">
                <span>客户服务</span>
                <p>如果有任何问题，随时联系我们</p>
                <p><i class="iconfont icon-shouji"></i>400-820-8016</p>
                <a class="online-server showOulaiya"><i class="iconfont icon-zaixianzixun"></i>在线咨询</a>
                <a>关于退货 ><i class="icon icon-right-arrow"></i></a>
                <a href="http://policy.lorealchina.com/cookiespolicy">隐私条款 ><i class="icon icon-right-arrow"></i></a>
            </div>
            <div class="common_problem">
                <span >常见问题</span>
                <a class="link-problem">哪里可以买到我的产品？</a>
                <a class="link-problem">如何获取试用装？</a>
                <a class="link-problem">如何取消订单？</a>
                <a class="look-more">查看更多</a>
            </div>
        </div>
    </div>
    <footer></footer>
    <script src="/libs/require/require.min.js" data-main="/js/register"></script>
</body>

</html>